import { FaArrowLeft, FaEllipsisV } from "react-icons/fa";

interface TopBarProps {
  groupName: string;
}

export default function TopBar({ groupName }: TopBarProps) {
  return (
    <div className="flex items-center justify-between bg-gray-100 p-3 border-b border-gray-200">
      <button className="btn btn-ghost btn-circle">
        <FaArrowLeft className="text-xl" />
      </button>

      <div className="text-center">
        <h1 className="text-lg font-semibold">{groupName}</h1>
      </div>

      <button className="btn btn-ghost btn-circle">
        <FaEllipsisV className="text-xl" />
      </button>
    </div>
  );
}
